<template>
<section class="indentWrap_0309">
  <myHeader class="header" :obj="myObj" @events="events"></myHeader>
  <main class="main_0309">
    <div class="conten_0309">
      <p class="p1_0309">行家话题：企业培训、公司文化建立</p>
      <p class="p2_0309">一对一约见：¥200</p>
    </div>
    <div class="question_0309">
      <div class="questionTitle_0309">告诉行家要请教的问题（20-300字）<mark class="mark_0309">*</mark></div>
      <textarea class="textArea_0309" placeholder="详细的问题描述有助于行家有效的放矢">

      </textarea>
    </div>
    <div class="question_0309">
      <div class="questionTitle_0309">介绍一下自己，可备注时间地点喜好（20-300字）<mark class="mark_0309">*</mark></div>
      <textarea class="textArea_0309" placeholder="您填写的信息只有行家能看到，不会公开给其他人">

      </textarea>
    </div>
    <router-link to="/indentFinish"><button class="send_0309">提交</button></router-link>
  </main>
</section>
    
</template>
<script>
import myHeader from './base/myHeader';
export default {
  props:['obj'],
  data () {
    return {
      myObj: {
        type: 2,
        text: '填写订单'
      }
      
    }
  },
  methods: {
    events(i) {
      if(i == 2) {
        history.back();
      }

    }
  },
  components: {
    myHeader
  }
}

</script>
<style lang="less">
  .indentWrap_0309 {
    width: 3.75rem;
    .main_0309 {
      width: 3.75rem;
      height: 100%;
      padding-top: .44rem;
      position: absolute;
      top: 0;
      left: 0;
      overflow-y: auto;
      box-sizing: border-box;
      .send_0309 {
        width: 3.35rem;
        height: .47rem;
        display: block;
        border: none;
        background: #557AFF;
        color: white;
        font-size: .18rem;
        margin: .9rem auto .4rem;
        border-radius: .05rem;
      }
      .question_0309 {
        width: 100%;
        height: 1.61rem;
        padding-left: .14rem;
        box-sizing: border-box;
        background: white;
        margin-bottom: .1rem;
        .textArea_0309 {
          display: block;
          width: 3.61rem;
          height: 1.06rem;
          border: none;
          padding: 0;
          font-size: .14rem;
          color: #828282;
        }
        .questionTitle_0309 {
          height: .44rem;
          line-height: .44rem;
          font-size: .14rem;
          color: #000000;
          border-bottom: .01rem solid #E5E5E5;
          margin-bottom: .1rem;
          .mark_0309 {
            background: white;
            color: rgb(67, 67, 214);
          }
        }
      }
      .conten_0309 {
        height: .82rem;
        width: 100%;
        background: #FAFAFA;
        padding: .19rem 0 .11rem;
        box-sizing: border-box;
        margin-bottom: .1rem;
        p {
          text-align: center;
          &.p1_0309 {
            height: .13rem;
            line-height: .13rem;
            margin-bottom: .14rem;
            color: #555555;
            font-size: .16rem;

          }
          &.p2_0309 {
            height: .25rem;
            color: #39393D;
            font-size: .18rem;
            font-weight: bold;
          }
        }

      }
    }
  }
</style>
